<%content_for :javascripts do %>
<%= javascript_include_tag "calendario1" %>

	<SCRIPT LANGUAGE="JavaScript">
	//var cal = new CalendarPopup();
	var cal19 = new CalendarPopup();
	cal19.showYearNavigation();
	cal19.showYearNavigationInput();
	</SCRIPT>


<script src="http://maps.google.com/maps/api/js?v=3.1&sensor=false" type="text/javascript"></script>

<script type="text/javascript">
  var geocoder = new google.maps.Geocoder();

  function geocodePosition(pos) {
    geocoder.geocode({
      latLng: pos
    }, function(responses) {
      if (responses && responses.length > 0) {
        updateMarkerAddress(responses[0].formatted_address);
      } else {
        updateMarkerAddress('Cannot determine address at this location.');
      }
    });
  }

  function updateMarkerPosition(latLng) {
    document.getElementById('latitud').value = latLng.lat();
    document.getElementById('longitud').value = latLng.lng();
  }
  function initialize() {

    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    map = new google.maps.Map(document.getElementById('mapa'), myOptions);
    var marker = new google.maps.Marker({
      position: latlng,
      draggable: true,
      map: map
    });

    updateMarkerPosition(latlng);
    google.maps.event.addDomListener(window, 'load', initialize);
  }
</script>
<%end%>

<h1>Registro de Cliente</h1>

<% form_for(@cliente) do |f|  %>
  <%= f.error_messages %>

  <p>
    <%= f.label :nombre %><br />
    <%= f.text_field :nombre %>
  </p>
  <p>
    <%= f.label :apellido %><br />
    <%= f.text_field :apellido %>
  </p>


  <p>
    <%= f.label :nacimiento %><br />
    <%= f.date_select :nacimiento%>
 
  </p>


  <p>
    <%= f.label :correo %><br />
    <%= f.text_field :correo %>
  </p>
  <p>
    <%= f.label :rif %><br />
    <%= f.text_field :rif %>
  </p>
  <p>
    <%= f.label :telefono %><br />
    <%= f.text_field :telefono %>
  </p>

  <h1>Dirección de Recolección</h1>
  <% f.fields_for :direccions do |c| %>

    <p>
      <%= c.label(:nombre,"Nick de Direccion") %><br />
      <%= c.text_field :nombre %>
    </p>
    <p>
      <%= c.label(:avenida,"Avenida/Calle") %><br />
      <%= c.text_field :avenida %>
    </p>
    <p>
      <%= c.label(:residencia,"Residencia/Casa") %><br />
      <%= c.text_field :residencia %>
    </p>

    <p>
      <%= c.label(:numero,"Apartamento/Nº Casa") %><br />
      <%= c.text_field :numero %>
    </p>
    <p>
      <%= c.label(:urbanizacion,"Urbanizacion") %><br />
      <%= c.text_field :urbanizacion %>
    </p>
    <p>
      <%= c.label(:ciudad,"Ciudad") %><br />
      <%= c.text_field :ciudad %>
    </p>
    <p>
      <%= c.label(:pais,"Pais") %><br />
      <%= c.text_field :pais %>
    </p>
    <p>
      <%= c.label(:postal,"Codigo Postal") %><br />
      <%= c.text_field :postal %>
    </p>

    <%= c.hidden_field :latitud , :id => 'latitud'%>
    <%= c.hidden_field :longitud, :id => 'longitud' %>
    <%= c.hidden_field :tipo, :value => 0 %>

  <%end%>
  <h1>Metodo de Pago</h1>
  <% f.fields_for :pagos do |x| %>

    <p>
      <%= x.label(:numero,"Numero de Tarjeta") %><br />
      <%= x.text_field :numero %>
    </p>
    <p>
      <%= x.label(:vencimiento,"Fecha de Vencimiento") %><br />
      <%= x.text_field :vencimiento %>
    </p>
    <p>
      <%= x.label(:codigo,"Codigo de Seguridad") %><br />
      <%= x.text_field :codigo %>
    </p>
  <%end%>


  <h2>Ubicacion</h2>
  <div id="mapa" style="width:400px; height:400px"></div>

  <p>
    <%= f.submit 'Create' %>
  </p>
<% end %>



<script type="text/javascript">
   Calendar.setup({
    inputField     :    "nacimiento",
     ifFormat     :     "%Y/%m/%d",
     button     :    "boton_nacimiento"
});
</script>


